/*    au. Dwain Seppala, all rights reserved.
      Contact Dwain Seppala through dwain@decorativeaccents.com 
      Created on : Apr 25, 2018, 10:03:22 AM
      Author     : DAS                                            */
 body{
    width:780px;
    font-family: Arial,sans-serif;
    font-size: 100%;
    margin: 0em auto; /*top & bottom 0, left and right even.*/
} 
head{
    
}
h1{
    font-size: 250%;
    text-align: center;
    margin: 1em 0px 5px 0px;  /* top right left bottom */
}
h2{
    font: Helvetica;
    font-size:130%;
    text-align:center;
    /* margin: 0px 50px 10px 0px; /* top right left bottom */
}
h6{
    text-align:center;
    font-size: 60%;
}
#Home_Page_header_offset{
   /*float:left; */
   margin-top:3px;
   margin-left: 0px;
}

#About_header_offset{
   float:left;
   margin:10px 0px 30px 15px; /*order:  top right bottom left */
}
.Subject_Pages_header_offset{
       float:left;
   margin:10px 0px 5px 15px; /*order:  top right bottom left */
}
.link_thumbnail a:hover{
    border-color:darkviolet;
    border-width:thick;
}
.link_thumbnail{
    margin:12px;
    margin-bottom: 6px;
    border: 3px solid #8C7A72;
}
.link_thumbnail_darkviolet{
    margin:12px;
    margin-bottom: 6px;
    border: 6px solid darkviolet;
}
.section_adjust_thumbnails{
    margin-left: 65px;
    margin-top:1em;
    marhin-bottom: 0 px;
}
#section_adjust_About_Page{
    width:500px;
    float:right;
    margin-right: 50px;
    margin-top:1em;
}
section p{
    font-size:90%;
}
footer{
  clear: both;
  border-top:4px solid #8C7A72;
  padding-top:1em
}
footer table{
  margin:auto;
  font-size:85%;
  padding-bottom:0em;
}
footer td{
  padding-right:3.2em;            /* table columns */
  text-align: center;
}
p{
    width:720px;
    margin-left: 2em;
}
footer p{
  font-size:70%;
  text-align: right;
  margin-right:20px;
  margin-top:1em;
}

article{
    width:380px;
    float:right;
    margin-right: .5em;
    margin-top:1em;
}
article p{
    font-size:90%;
    padding-bottom: 0em;
    text-align: left;
}
aside p{
    margin-left: 1em;
    text-indent:0em;
    font-size:75%;
}
#sidebar_left_380w{
    width:380px;
    float: left;
    margin:0px 0em 0em 0px;
}
#sidebar_left_380w_margin60{   /* txt left of Paint page, sanding block, cabinet picture */
    width: 380px;
    float: left;
    margin:0em 0em 0em 60px;
}
#sidebar_left_300w_margin30{   /* txt left of Floors page, ballroom floor pic*/
    width: 300px;
    float: left;
    margin:0em 0em 0em 30px;
}
#img_right_Paint{            /* Paint page, sanding block, cabinet picture */
    float: right;
    margin: 0px 70px 4px 0px;
}
#img_right_Floors{            /* Floors page, ballroom floor pic */
    float: right;
    margin: 0px 20px 4px 0px;
}
.left_margin_30{
    margin-left: 30px;
}
.p_font_60_margin_30px{
    width: 680px;
    margin-left: 6em;
    font-size: 80%;
}
#sidebar_left_150w{
    width:130px;
    float: left;
    margin:0px 20px 0epx 0px;
}
#sidebar_right{
    width:128px;
    float: right;
    margin:0px 0em 0em 0px;
}
#div_p{
    width:680px;
    margin-left:4%; 
    margin-right:4%;
}
#div_top_margin{
    margin-top: 0px;
}

figure{
    clear:both;
    text-align: center;
    max-width:780px;
}
.figcap_600{
 text-align: left;
 max-width: 600px;
 margin-left:65px;
}
.figcap_600_no_indent{
 text-align: left;
 max-width: 600px;
 margin-left:0px;
}
.figcap_720{
 text-align: left;
 max-width: 720px;
 margin-left:25px;
}
#table_block{
    width:450px;
    margin-top: 0px;
    margin-left: 125px /* This value centers where the slide stops on the page */
}

ul{
    list-style: none;
    width: 9450px;
    position:relative;
}

ul li{
    width: 450px;
    float:left;
}

ul{
    animation: slideshow 180s 1s ease-in-out infinite normal;
  }
@keyframes slideshow{
    0%  {left:    0px;}
    5%  {left: -450px;}
    10%  {left: -900px;}
    15% {left: -1350px;}
    20% {left: -1800px;}
    25% {left: -2250px;}
    30% {left: -2700px;}
    35% {left: -3150px;}
    40% {left: -3600px;}
    45% {left: -4050px;}
    50% {left: -4500px;}
    55% {left: -4950px;}
    60% {left: -5400px;}
    65% {left: -5850px;}
    70% {left: -6300px;}
    75% {left: -6750px;}
    80% {left: -7200px;}
    85% {left: -7650px;}
    90% {left: -8100px;}
    95% {left: -8550px;}
    100% {left: -8550px;}
}

ul{
   -webkit-animation: slideshow_webkit_version 180s 1s ease-in-out infinite normal;
  }
@-webkit-keyframes slideshow_webkit_version{
    0%  {left:    0px;}
    5%  {left: -450px;}
    10%  {left: -900px;}
    15% {left: -1350px;}
    20% {left: -1800px;}
    25% {left: -2250px;}
    30% {left: -2700px;}
    35% {left: -3150px;}
    40% {left: -3600px;}
    45% {left: -4050px;}
    50% {left: -4500px;}
    55% {left: -4950px;}
    60% {left: -5400px;}
    65% {left: -5850px;}
    70% {left: -6300px;}
    75% {left: -6750px;}
    80% {left: -7200px;}
    85% {left: -7650px;}
    90% {left: -8100px;}
    95% {left: -8550px;}
    100% {left: -8550px;}
}

#white_txt{
    color: white;
}